<template>
  <div class="box">
       <div class="main_right">
        <div class="list_item">
          <div class="title df_bet">
            <div class="title_header">科技数据中心</div>
            <div class="more">更多</div>
          </div>
          <div class="cont">
            <div class="item">
              <i class="el-icon-s-opportunity"></i>
              成果库
            </div>
            <div class="item">  <i class="el-icon-s-opportunity"></i>需求库</div>
            <div class="item">  <i class="el-icon-s-opportunity"></i>专利库</div>
            <div class="item">  <i class="el-icon-s-opportunity"></i>专家库</div>
            <div class="item">  <i class="el-icon-s-opportunity"></i>服务机构库</div>
          </div>
        </div>
        <div class="list_item">
          <div class="title  df_bet">
            <div class="title_header">科技数据中心</div>
            <div class="more">更多</div>
          </div>
          <div class="cont">
            <div class="item">成果库</div>
            <div class="item">需求库</div>
            <div class="item">专利库</div>
            <div class="item">专家库</div>
            <div class="item">服务机构库</div>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang='scss'>
@import "~/assets/css/main.scss";

 .main_right {
    //   width: rem(400);
    //   min-width: rem(400);
    //   max-width: 200px;
    max-width: 400px;
    min-width: rem(400);
      background-color: #f6f9fc;
      .list_item {
        .title {
          display: flex;
          height: rem(50);
          color: #337ab7;
          font-size: rem(18);
          border-bottom: 2px solid #e7edf2;
          margin: 0 rem(10);
          .more {
            font-size: rem(12);
          }
        }
        .cont {
          margin: 0 rem(10);

          .item {
            padding: rem(5) rem(5);
            border-bottom: 1px dotted #e4e6e8;
            font-size: rem(14);
            cursor: pointer;
            i{
                margin: 0 rem(3);
            }
            &:hover{
                color: #5cb6ff;
            }
          }
        }
      }
    }

</style>